<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">
        <ui:define name="body">

            <h:form id="setorForm" enctype="multipart/form-data">
                <p:panel styleClass="withoutBorder" rendered="#{!managerLayout.desabilitarMapa() and managerEditarSetor.connect}">
                    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true" />
                </p:panel>

                <h3 class="title">Visualizar Setor</h3>
                <p:growl id="messages" showDetail="false" autoUpdate="true" />

                <p:panel id="setorPanel" styleClass="container_24 clearfix both">
                    <h4 class="title">Dados Gerais</h4>

                    <p:outputLabel value="Número" styleClass="grid_3" for="numero"/>
                    <p:inputText id="numero" styleClass="grid_8" value="#{managerEditarSetor.setor.numero}" 
                                 readonly="true" />
                    <div class="clear"/>

                </p:panel>
                <h4 class="title">Georreferenciamento</h4>

                <p:panel id="geoPanel" styleClass="container_24 clearfix">

                    <div class="buttonAction">

                        <p:gmap id="map" center="#{managerEditarSetor.centroMapa}" zoom="#{managerEditarSetor.zoomLevelMapa}" 
                                rendered="#{!managerLayout.desabilitarMapa() and managerEditarSetor.connect}" type="HYBRID" 
                                style="width:97%;height:500px" model="#{managerEditarSetor.mapModel}" >
                        </p:gmap>

                        <p:outputLabel value="O Georreferenciamento foi desabilitado pois não foi possível estabelecer uma conexão com a Internet !"
                                       rendered="#{!managerLayout.desabilitarMapa() and !managerEditarSetor.connect}"/>

                        <p:outputLabel value="O Georreferenciamento foi desabilitado pelo administrador do sistema !"
                                       rendered="#{managerLayout.desabilitarMapa()}"/>

                    </div>
                </p:panel>

                <br/>
                <div class="buttonAction">
                    <p:button href="pesquisarsetor.xhtml" value="Voltar" 
                              icon="ui-icon-arrowreturnthick-1-w"/>
                </div>
            </h:form>

        </ui:define> 
    </ui:composition>

</html>
